<template>
  <div class="builder-container">

    <Tabs size="small">
      <TabPane label="基本配置">
        <Form :label-width="150">
          <FormItem label="字段名称">
            <Input size="small" v-model="obj.field" placeholder=""/>
          </FormItem>
          <FormItem label="默认值">
            <Input size="small" v-model="obj.value" :number="true" placeholder=""/>
          </FormItem>

        </Form>
      </TabPane>
    </Tabs>

  </div>
</template>

<script>
  import '../CustomForm.css'

  export default {
    name: 'CHiddenBuilder',
    props: {
      value: {
        type: Object
      }
    },
    data() {
      return {
        obj: this.value
      }
    },
    mounted() {

    },
    methods: {

    },
    computed: {

    },
    watch: {
      value (val) {
        this.obj = val;
      },
      obj (val) {
        this.$emit('input', val);
      }
    }
  }
</script>

<style lang="less" scoped>

</style>
